<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%--<div style="height:750px;">
		<!-- 内容显示区 -->
		<div style="width:75%;height:100%;background-color: red;float:left;">
			<!-- 博客 -->
			<div style="width:50%;height:33%;background-color:#F0F0F0;float:left;"><br>
				<div style="width:80%;height:80%;background-color:#EEE8CD;text-align:center; margin:0 auto;">
					<a style="float:left;">个人博客</a> <br>
					<div style="width:100%;height:80%;background-color:red;text-align:center; margin:0 auto;">
						内容为列表，只显示5列，格式为<br>
						aa-bb-cc<br>
						(aa:日期，bb:标题，cc:阅读量)
					</div>
				</div>
			</div>
			<!-- 开源项目 -->
			<div style="width:50%;height:33%;background-color:#EEE8CD;float:right;"><br>
				<div style="width:80%;height:80%;background-color:#F0F0F0;text-align:center; margin:0 auto;">
					<a style="float:left;">开源项目</a> <br>
					<div style="width:100%;height:80%;background-color:red;text-align:center; margin:0 auto;">
						内容为列表，只显示5列，格式为<br>
						aa-bb-cc<br>
						(aa:日期，bb:标题，cc:阅读量)
					</div>
				</div>
			</div><br>
			<!-- 在线工具 -->
			<div style="width:50%;height:33%;background-color:#EED5D2;float:left;"><br>
				<div style="width:80%;height:80%;background-color:#EEE8CD;text-align:center; margin:0 auto;">
					<a style="float:left;">在线工具</a> <br>
					<div style="width:100%;height:80%;background-color:red;text-align:center; margin:0 auto;">
						内容为列表，只显示5列，格式为<br>
						aa-bb-cc<br>
						(aa:日期，bb:标题，cc:阅读量)
					</div>
				</div>
			</div>
			<!-- 资源下载 -->
			<div style="width:50%;height:33%;background-color:#EEA2AD;float:right;"><br>
				<div style="width:80%;height:80%;background-color:#EEE8CD;text-align:center; margin:0 auto;">
					<a style="float:left;">资源下载</a> <br>
					<div style="width:100%;height:80%;background-color:red;text-align:center; margin:0 auto;">
						内容为列表，只显示5列，格式为<br>
						aa-bb-cc<br>
						(aa:日期，bb:标题，cc:阅读量)
					</div>
				</div>
			</div><br>
			<!-- java游戏 -->
			<div style="width:50%;height:33%;background-color:#EED2EE;float:left;"><br>
				<div style="width:80%;height:80%;background-color:#EEE8CD;text-align:center; margin:0 auto;">
					<a style="float:left;">java游戏</a> <br>
					<div style="width:100%;height:80%;background-color:red;text-align:center; margin:0 auto;">
						内容为列表，只显示5列，格式为<br>
						aa-bb-cc<br>
						(aa:日期，bb:标题，cc:阅读量)
					</div>
				</div>
			</div>
			<!-- java面试 -->
			<div style="width:50%;height:33%;background-color:#E6E6FA;float:right;"><br>
				<div style="width:80%;height:80%;background-color:#EEE8CD;text-align:center; margin:0 auto;">
					<a style="float:left;">个人博客</a> <br>
					<div style="width:100%;height:80%;background-color:red;text-align:center; margin:0 auto;">
						参考图片<br>
						<img style="width:100%;height:80%;"src="../pic/20180329181029.png"></img>
					</div>
				</div>
			</div> 
		</div>
		<!-- 公众号/友链 -->
		<div style="width:25%;height:100%;background-color: #FFC125;float:right;">
			<!-- 公众号 -->
			<div style="width:100%;height:50%;background-color:#FFFF00;">
				公众号图片
				公众号名字
			</div>
			<!-- 友链 -->
			<div style="width:100%;height:50%;background-color:#FFBBFF;">
				友情链接地址
			</div>
		</div>
	</div>--%>
</body>
</html>